<html>    
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>How2GO</title>
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>        
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
    <script type="text/javascript" src="gmap3.min.js"></script>
    <script type="text/javascript" src="menu.js"></script>
    <script type="text/javascript" src="main.js?n=3"></script>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
  <img src="images/lgo.png" style="position: absolute; top: 35px; left: 85px; z-index: 10; height: 30px;"/>
  <div id="container">
      <div id="directions">
          <div id="hatlar">
            <div>Bölge :</div>
            <select id="bolge">
                <option value="bos"> Bir Bölge Seçin </option>
                <option value="0"> * Tüm Bölgeler </option>
                <option value="1"> 1-ÇANKAYA </option>
                <option value="2"> 2-YENİMAHALLE </option>
                <option value="3"> 3-MAMAK </option>
                <option value="4"> 4-ALTINDAĞ </option>
                <option value="5"> 5-SİNCAN </option>
                <option value="6"> 6-RAYLI SİSTEM </option>
                <option value="7"> 7-DOLMUŞLAR </option>
            </select><br />
            <div>Hat :</div>    
            <select id="hat">
                <option value="bos"> Bir Hat Seçin </option>
            </select>
          </div>
          <div id="navcontainer">
              <div id="hatUyari" class="info">Size uygun olan hattı görebilmek için iki nokta seçiniz.</div>
              <div id="navDiv" ><ul id="navlist"></ul></div>
          </div>
      </div>
      <div id="googleMap"></div>
  </div>
  </body>
</html>